<template>
  <div class="App">
    vue
    <button class="blue" @click="handleClick">{{ a }}新修改的按钮4</button>
    <div>
      <router-link to="/home">promise</router-link>|
      <router-link to="/text">About</router-link>
    </div>
    <div id="app1">23423432432</div>
  </div>
</template>

<script>
export default {
  data() {
    return {
      a: 1,
      c: { b: { d: 2 } },
      microApp: null,
    };
  },
  methods: {
    handleClick() {
      console.log(2345678);
      this.a = 10;
    },
  },
  mounted() {
    console.log(this.c?.a?.b, 23456789023456);
  },
};
</script>

<style lang='scss' scoped>
@import "./App.scss";
.body {
  margin: 0;
  padding: 0;
}
</style>
